<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>静态文件测试</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .container {
            background: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        h1 {
            color: #e74c3c;
            text-align: center;
        }
        .status {
            padding: 15px;
            border-radius: 5px;
            margin: 20px 0;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .info {
            background-color: #d1ecf1;
            color: #0c5460;
            border: 1px solid #bee5eb;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>🎉 静态文件服务测试</h1>
        
        <div class="status success">
            <strong>✅ 静态文件服务已成功配置！</strong>
            <p>后端静态文件现在可以通过 <code>/static</code> 路径访问。</p>
        </div>
        
        <div class="status info">
            <h3>📁 可用路径示例：</h3>
            <ul>
                <li><code>/static/test.html</code> - 当前测试页面</li>
                <li><code>/static/images/logo.png</code> - 图片文件</li>
                <li><code>/static/css/style.css</code> - CSS样式文件</li>
                <li><code>/static/js/script.js</code> - JavaScript文件</li>
            </ul>
        </div>
        
        <div class="status info">
            <h3>🔧 配置说明：</h3>
            <p>静态文件目录：<code>/Users/jssw/uniapp/仿转转商城APP页面模板/second-hand/backend/public</code></p>
            <p>访问路径前缀：<code>/static</code></p>
            <p>缓存策略：1天缓存，支持ETag和Last-Modified</p>
        </div>
        
        <div style="text-align: center; margin-top: 30px;">
            <p><strong>当前时间：</strong> <span id="currentTime"></span></p>
        </div>
    </div>
    
    <script>
        document.getElementById('currentTime').textContent = new Date().toLocaleString('zh-CN');
    </script>
</body>
</html>